<div class="md:flex md:items-center md:justify-between mt-8 mb-8">
	<div class="flex justify-center items-center md:order-2 text-gray-400">
		<span class="text-sm">Theme</span>
		<div class="ml-2 flex flex-col" data-bind="with: mainMenu">
			<div class="flex rounded border border-gray-400 w-36 text-sm text-gray-400">
				<div class="flex basis-0 flex-grow items-center justify-center py-1 font-medium text-base" data-bind="click: switchToAutoTheme, css: {'cursor-default text-white bg-gray-400': theme() === 'auto', 'cursor-pointer hover:text-gray-500 border-r border-gray-400': theme() !== 'auto'}" title="Theme follows system-level setting">
					<span>A</span>
				</div>
				<div class="flex basis-0 flex-grow items-center justify-center py-1" data-bind="click: switchToLightTheme, css: {'cursor-default text-white bg-gray-400': theme() === 'light', 'cursor-pointer hover:text-gray-500 border-r border-gray-400': theme() !== 'light'}" title="Theme will always use light colors">
					<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
                      <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />
                    </svg>
				</div>
				<div class="flex basis-0 flex-grow items-center justify-center py-1" data-bind="click: switchToDarkTheme, css: {'cursor-default text-white bg-gray-400': theme() === 'dark', 'cursor-pointer hover:text-gray-500 border-gray-400': theme() !== 'dark'}" title="Theme will always use dark colors">
					<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
                      <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />
                    </svg>
				</div>
			</div>
		</div>
	</div>
	<div class="flex justify-center md:order-3 mt-8 md:mt-0">
		<a href="https://twitter.com/phpstan" class="ml-6 text-gray-400 hover:text-gray-500" target="_blank">
			<span class="sr-only">Twitter</span>
			<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
				<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
			</svg>
		</a>
		<a rel="me" href="https://phpc.social/@phpstan" class="ml-6 text-gray-400 hover:text-gray-500" target="_blank">
			<span class="sr-only">Mastodon</span>
			<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 216.4144 232.00976">
				<path d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
			  	<path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>

			</svg>
		</a>
		<a href="https://www.youtube.com/@phpstan" class="ml-6 text-gray-400 hover:text-gray-500" target="_blank">
			<span class="sr-only">YouTube</span>
			<svg viewBox="0 0 28.57 20" class="h-6 w-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
				<g>
					<path d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z"></path>
					<path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="white"></path>
				</g>
			</svg>
		</a>
		<a href="/tmp/rss.xml" class="ml-6 text-gray-400 hover:text-gray-500" target="_blank">
			<span class="sr-only">RSS</span>
			<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
				<path d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z"/>
			</svg>
		</a>
	</div>
	<div class="mt-8 md:mt-0 md:order-1 flex items-center justify-center">
		<div class="text-center text-sm leading-6 text-gray-400">&copy; {% year %} PHPStan s.r.o.</div>
	</div>
</div>
